* {
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #333333;
}
.webkit {
  display: flex;
  display: -webkit-flex;
}
body {
  background: #f2f2f2;
  height: 100%;
  width: 100%;
}
html {
  background: #f2f2f2;
  height: 100%;
  width: 100%;
}
nav {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  height: 1.2rem;
  line-height: 1.2rem;
  background: #f8f8f8;
  font-size: 0.42666667rem;
  color: #4c5465;
}
nav div img {
  height: 0.45333333rem;
  width: 0.62666667rem;
  margin-left: 0.44rem;
  margin-top: 0.37333333rem;
}
.main {
  background: #fff;
}
.main .wrap {
  display: flex;
  display: -webkit-flex;
  height: 3.06666667rem;
  background: #fff;
  margin-left: 0.34666667rem;
  border-bottom-width: 0.01333333rem;
  border-bottom-style: solid;
  border-bottom-color: #d2d2d2;
}
.main .left img {
  height: 2.45333333rem;
  width: 2.45333333rem;
}
.main .left {
  margin-top: 0.33333333rem;
}
.main .right {
  margin-top: 0.46666667rem;
  margin-left: 0.37333333rem;
  font-size: 0.34666667rem;
  color: #515151;
}
.main .right .right1 {
  margin-top: 0.58666667rem;
}
.wrap {
  height: 4rem;
  background: #fff;
}
.content {
  height: 1.2rem;
  background: #fff;
  margin-top: 0.2rem;
  font-size: 0.34666667rem;
  color: #333333;
  line-height: 1.2rem;
}
